#define head()
<html>
<head>
    <!-- META DATA -->
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta name="description" content="Free Bootstrap Themes by HTML5XCSS3 dot com - Free Responsive Html5 Templates">
    <meta name="author" content="#">
    <title>飘零十年，心安之处便是家</title>
    <link rel="stylesheet" href="/justice/css/bootstrap.min.css" type="text/css">
    <link href="/justice/owl-carousel/owl.carousel.css" rel="stylesheet">
    <link rel="stylesheet" href="/justice/css/style.css">
    <link rel="stylesheet" href="/justice/font-awesome-4.4.0/css/font-awesome.min.css" type="text/css">
    <link href='http://fonts.googleapis.com/css?family=Asap:400,700' rel='stylesheet' type='text/css'>

</head>

<body class="index-page">

<body class="index-page">
<nav class="navbar navbar-default navbar-fixed-top">
    <div class="container">
        <div class="navbar-header page-scroll">
            <button type="button" class="navbar-toggle" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1">
                <span class="sr-only">切换导航</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand page-scroll" href="/blog/reception">JUSTICE</a>
        </div>

        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right">
                <li>
                    <a class="page-scroll" href="/blog/reception">Home</a>
                </li>
                <li>
                    <a class="page-scroll" href="/blog/reception/content">Blog</a>
                </li>
                <li>
                    <a class="page-scroll" href="/blog/reception/idea">Idea</a>
                </li>
                <li>
                    <a class="page-scroll" href="/blog/reception/album">Album</a>
                </li>
                <li>
                    <a class="page-scroll" href="/blog/reception/message">Message</a>
                </li>
                <li>
                    <a class="page-scroll" href="/blog/admin/login">Login</a>
                </li>
            </ul>
        </div>
    </div>
</nav>
#end

#define headToo()
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="description" content="Free Bootstrap Themes by HTML5XCSS3 dot com - Free Responsive Html5 Templates">
    <meta name="author" content="#">
    <title>Justice - Free Bootstrap Themes</title>
    <link rel="stylesheet" href="/justice/css/bootstrap.min.css" type="text/css">
    <link href="/justice/owl-carousel/owl.carousel.css" rel="stylesheet">
    <link rel="stylesheet" href="/justice/css/style.css">
    <link rel="stylesheet" href="/justice/font-awesome-4.4.0/css/font-awesome.min.css" type="text/css">
    <link href='http://fonts.googleapis.com/css?family=Asap:400,700' rel='stylesheet' type='text/css'>
</head>
<body class="sub-page">
<nav class="navbar navbar-default navbar-fixed-top">
    <div class="container">
        <div class="navbar-header page-scroll">
            <button type="button" class="navbar-toggle" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1">
                <span class="sr-only">切换导航</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand page-scroll" href="/blog/reception">JUSTICE</a>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-11">
            <ul class="nav navbar-nav navbar-right">
                <li>
                    <a class="page-scroll" href="/blog/reception">Home</a>
                </li>
                <li>
                    <a class="page-scroll" href="/blog/reception/content">Blog</a>
                </li>
                <li>
                    <a class="page-scroll" href="/blog/reception/idea">Idea</a>
                </li>
                <li>
                    <a class="page-scroll" href="/blog/reception/album">Album</a>
                </li>
                <li>
                    <a class="page-scroll" href="/blog/reception/message">Message</a>
                </li>
                <li>
                    <a class="page-scroll" href="/blog/admin/login">Login</a>
                </li>
            </ul>
        </div>
    </div>
</nav>
<div  class="site-gradients">
    <div class="site-gradients-media">
        <figure>
            <img src="/justice/Another%20Yosemite%20short%20movie%20project%20%E2%80%93%20Modern_files/PcLGXNjMTdiFVKTrElCl__DSC2245.jpg" alt="PcLGXNjMTdiFVKTrElCl__DSC2245" srcset="https://themedemos.webmandesign.eu/modern/wp-content/uploads/sites/8/2014/11/PcLGXNjMTdiFVKTrElCl__DSC2245.jpg 1920w, https://themedemos.webmandesign.eu/modern/wp-content/uploads/sites/8/2014/11/PcLGXNjMTdiFVKTrElCl__DSC2245-420x280.jpg 420w, https://themedemos.webmandesign.eu/modern/wp-content/uploads/sites/8/2014/11/PcLGXNjMTdiFVKTrElCl__DSC2245-744x497.jpg 744w, https://themedemos.webmandesign.eu/modern/wp-content/uploads/sites/8/2014/11/PcLGXNjMTdiFVKTrElCl__DSC2245-1200x801.jpg 1200w" sizes="(max-width: 1617px) 100vw, 1617px" height="1080" width="1617">
        </figure>
    </div>
</div>
<header class="container">
    <div class="site-branding">
        <h1 class="site-title">
                <span>HELLO</span>
        </h1>
        <h2 class="site-description">Welcome to my Blog !</h2>
    </div>
</header>
#end

#define layout()

<footer>
    <div class="wrap-footer">
        <div class="container">
            <div class="row">
                <div class="col-footer col-md-3">
                    <h2 class="footer-title">关于我</h2>
                    <div class="textwidget">对于我来说出来数载，都是浑浑噩噩。刚树立个目标，没过多长时间就破灭了，其中有自己的原因，也有其他原因吧，说起来我这个人真的是没有一个定性. <br>
                        <br>
                        有意思或者说很无奈的一个事是，从我出来工作以来除了去过的顺丰，其他待过的公司从无例外的都GG了，真的是天煞孤星啊. <br> <br>
                        还好的是现在从零开始学JAVA，从开始的不会，迷茫，恐慌。到现在能独立做出个Blog，少了很多的浮躁.感谢帮助过我的人.d=====(￣▽￣*)b
                    </div>
                </div>
                <div class="col-footer col-md-3 widget_recent_entries">
                    <h2 class="footer-title">点击排行</h2>
                    <ul>
                        #for(click : click)
                        #if(for.index < 5)
                        <li><a href="/blog/reception/blogSingle?logId=#(click.logId)">#(click.title)</a></li>
                        #end
                        #end
                    </ul>
                </div>
                <div class="col-footer col-md-3">
                    <h2 class="footer-title">个人信息</h2>
                    <div class="gzwm">
                        <ul>
                            <li>手机：***********</li>
                            <br>
                            <li><a class="tel" href="">QQ：597134636</a></li>
                            <br>
                            <li>邮箱：597134636@qq.com</li>
                            <br>
                            <li>身高：***</li>
                            <br>
                            <li>年龄：**</li>
                            <br>
                            <li>状态：学习JAVA中</li>
                            <br>
                            <li>说明：写这个是为了对称= =</li>
                        </ul>
                    </div>
                </div>
                <div class="col-footer col-md-3">
                    <h2 class="footer-title">标签</h2>
                    <div class="footer-tags">
                        #for(keywords : listKey)
                        #if(for.index < 25)
                        <a href="/blog/reception/keywords?key=#(keywords.keywords)" >#(keywords.keywords)</a>
                        #end
                        #end

                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="bottom-footer" id="dd">
        <p>All Rights Reserved 版权所有：个人博客 备案号：某ICP备00000000号</p>
    </div>
</footer>

<!-- jQuery -->
<script type="text/javascript" charset="utf-8" src="/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="/js/jquery.validate.min.js"></script>
<script type="text/javascript" src="/js/form-validation.js"></script>
<script type="text/javascript" src="/justice/js/bootstrap.min.js"></script>
</body>
</html>
#end